.page-order-confirm {
	.confirm-orderinfo,
	.confirm-panel {
		background-color: #fff;
		.panel-header {
			padding: 40rpx 30rpx;
			font-size: 28rpx;
			font-weight: normal;
			font-stretch: normal;
			letter-spacing: 0rpx;
			color: #7b8196;
		}
		.panel-body {
			padding: 0 30rpx 40rpx;
			box-sizing: border-box;
			.goods-container {
				display: flex;
				flex-direction: row;
				align-items: center;
				.goods-image {
					flex: 0 0 210rpx;
					width: 210rpx;
					height: 118rpx;
					image {
						width: 100%;
						height: 100%;
					}
				}
				.goods-info {
					flex: 1;
					padding: 10rpx 25rpx;
					box-sizing: border-box;
					.goods-info--name {
						display: inline-block;
						height: 68rpx;
						width: 100%;
						font-size: 30rpx;
						font-weight: normal;
						font-stretch: normal;
						line-height: 40rpx;
						letter-spacing: 0rpx;
						color: #2c2c35;
					}
					.goods-info--money {
						display: block;
						font-size: 30rpx;
						font-weight: normal;
						font-stretch: normal;
						letter-spacing: 0rpx;
						color: #f54305;
					}
				}
			}
		}
	}
	.confirm-panel {
		margin-top: 20rpx;
		.confirm-radion--weixin {
			height: 60rpx;
			font-size: 34rpx;
			font-weight: normal;
			font-stretch: normal;
			line-height: 40rpx;
			letter-spacing: 0rpx;
			color: #2c2c35;
			.confirm-radion--label {
				.confirm-radion--weixin-image {
					width: 60rpx;
					height: 54rpx;
					margin-right: 25rpx;
				}
			}
		}

		.van-radio__label {
			flex: 1;
			.confirm-radion--label {
				display: flex;
				flex-direction: row;
				align-items: center;
				font-size: 28rpx;
				font-weight: normal;
				font-stretch: normal;
				letter-spacing: 0rpx;
				color: #7b8196;
				.confirm-radion--icon {
					display: inline-block;
					height: 32rpx;
					padding: 0 9rpx;
					background-color: #49af4f;
					border-radius: 4rpx;
					font-size: 20rpx;
					font-weight: normal;
					font-stretch: normal;
					line-height: 32rpx;
					letter-spacing: 0rpx;
					color: #ffffff;
					margin-left: 16rpx;

					&.kaitong {
						background-color: #49af4f;
					}
					&.duihuan {
						background-color: #f54305;
					}
				}
			}
		}
		.van-radio__icon {
			flex: 0 0 47rpx;
			height: 60rpx;
		}
		.conform-payment--icon {
			display: inline-block;
			width: 37rpx;
			height: 37rpx;
			border: 4rpx solid #aeafc0;
			border-radius: 50%;
			position: relative;
			&.is-checked {
				border-color: #49af4f;
				&::before {
					content: '';
					width: 12rpx;
					height: 12rpx;
					border-radius: 50%;
					background-color: #49af4f;
					position: absolute;
					top: 50%;
					left: 50%;
					-webkit-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
				}
			}
		}

		&.confirm-pattern--payments-other {
			padding: 20rpx 0;
			.panel-body {
				padding-bottom: 0;
			}
			.confirm-radion {
				position: relative;
				margin-top: 46rpx;
				&:first-child {
					margin-top: 0;
				}
			}
		}
	}
	.confirm-pattern {
		.confirm-pattern--tips {
			width: 750rpx;
			height: 62rpx;
			background-color: #f6f6fb;
			font-size: 24rpx;
			font-weight: normal;
			font-stretch: normal;
			line-height: 62rpx;
			letter-spacing: 0rpx;
			color: #7b8196;
			padding: 0 30rpx;
		}
	}

	.confirm-pattern-money {
		.panel-body {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-around;
			font-size: 28rpx;
			font-weight: normal;
			font-stretch: normal;
			letter-spacing: 0rpx;
			padding-bottom: 0;
			height: 74rpx;
			line-height: 74rpx;
			.field {
				flex: 1;
				color: #7b8196;
				text-align: left;
			}
			.value {
				flex: 0;
				color: #f54305;
				text-align: right;
			}
		}
	}

	.submit-bar--container {
		display: flex;
		align-items: center;
		font-size: 34rpx;
		line-height: $layout-bottom--height;
		text-align: center;
		.submit-bar--info {
			flex: 1;
			background-color: #fff;
			height: $layout-bottom--height;
			.submit-bar--info-color {
				color: $primary-6;
				margin-left: 8rpx;
			}
		}
		.submit-bar--submit {
			flex: 0 0 320rpx;
			height: $layout-bottom--height;
			line-height: $layout-bottom--height;
			background-color: #f54305;
			color: #ffffff;
		}
	}
}
